.cat-box {
  width: 100%;
  background-color: rgba(132, 132, 132, 0.1);

  .cat-list {
    width: 95%;
    background-color: white;
    margin: auto;
    margin-bottom: 30rpx;
    border-radius: 15rpx;

    .cat-top {
      width: 100%;
      padding-top: 30rpx;
      display: flex;
      align-items: center;

      .img {
        width: 100rpx;
        height: 100rpx;
        margin-left: 30rpx;
        border-radius: 50%;

        image {
          width: 100%;
          height: 100%;
          border-radius: 50%;
        }
      }

      .title {
        margin-left: 30rpx;
      }
    }

    .cat-bottom {
      width: 100%;
      margin-bottom: 30rpx;

      .cat-item {
        width: 95%;

        .list {
          .lis {
            display: flex;

            .lis-img {
              width: 200rpx;
              height: 200rpx;

              image {
                width: 100%;
                height: 100%;
              }
            }
          }

          .list-name {
            .name {
              font-size: 29rpx;
            }

            .num {
              margin-top: 100rpx;
              display: flex;
              justify-content: space-between;

              .price {
                display: flex;
              }
            }
          }
        }
      }
    }
  }

  .cat-btn {
    width: 100%;
    height: 100rpx;
    background-color: white;
    position: relative;
    bottom: 0;
    align-items: center;
    display: flex;
    .cd{
      width: 20%;
    }

    .but {
      width: 80%;
      align-items: center;
      display: flex;

      .but-name {
        margin-left: 20rpx;
        display: flex;
        align-items: center;

        .but-nam {
          align-items: baseline;
          display: flex;
        }
      }
      .but-bt{
        display:flex;
        position: absolute;
        right: 10rpx;
      }
    }
  }
}